
  .main{
    .showyunclass{

      .banner{
        height: 475px;

        margin-top: 20px;
      }
      .navs{
        margin-top: 20px;
        ul{
          background: #3E3D43;
          height: 30px;
          li{
            float: left;
            a{
              padding: 5px 30px;
              color: #fff;
              line-height: 30px;
            }
          }
        }
      }
      .warp-yunClass{
        margin-top: 20px;
        .cont-left{
          float: left;
          border: 1px solid #e2e2e2;
          .info-warp{
            padding: 15px;
            .info-image{
              a{
                img{
                  width: 163px;
                  height: 102px;
                }
              }
            }
            .moving{
              line-height: 35px;
              p{
                color: #848583;
                font-size: 12px;
              }
            }
          }

        }
        .cont-middle{
          float: left;
          margin-left: 15px;
          .cont-title{
            border-left:2px solid #7ca5db ;
            margin: 10px;
            span{
              padding-left: 15px;
              color: #7ca5db;
            }
            .teachers-right{
              float: right;
              font-size: 12px;
              margin-right: 20px;
            }
          }
          .cont-content{
            border: 1px solid #e2e2e2;
            padding: 20px;
            margin: 5px 0 20px;
            .content-image{
              float: left;
              img{
                width: 230px;
                height: 130px;
              }
            }
            .content-text{
              float: right;
              margin: 5px 0 0 15px;
              p{
                font-size: 14px;
                line-height: 24px;
              }
            }
          }

          .course-list{
            border: 1px solid #e2e2e2;
            max-width: 800px;
            margin-top: 5px;

            ul{
              padding: 20px;
              margin-left: 12px;
              li{
                width: 172px;
                float: left;
                margin-right: 15px;
                background: #f8f8f8;
                padding-bottom: 6px;
                box-shadow: 1px 1px 1px #000000;
                margin-bottom: 10px;
                margin-top: 10px;
                h4{
                  padding: 10px 10px 0 10px;
                }
                p{
                  padding: 0 10px ;
                  font-size: 12px;
                  color: #999;
                  line-height: 20px;
                  span{
                    color: #FE0000;
                  }
                }
                img{
                  width: 172px;
                  height: 90px;
                }
              }
            }
          }
        }
        .cont-right{
          float: left;
          margin-left: 15px;
          width: 203px;
          .cont-title{
            border-left:2px solid #7ca5db ;
            margin: 10px;
            span{
              padding-left: 15px;
              color: #7ca5db;
            }
          }
          .cont-right-notice{
            p{
              font-size: 14px;
            }
            border:1px solid #e2e2e2 ;
            padding: 12px 18px;
            margin:5px 0 24px 0;
          }
          .cont-title{
            .teachers-right{
              float: right;
              font-size: 12px;
              margin-right: 20px;
            }
          }
          .teachers-cont{
            padding: 20px;
            border: 1px solid #e2e2e2;
            margin-top: 5px;
            .teachers-list{
              margin-bottom:20px ;
              line-height: 32px;
              a{
                img{
                  float: left;
                  width: 32px;
                  height: 32px;
                  margin-right: 10px;
                }
              }
            }
          }
        }
        .footer{
          margin-top: 30px;
          height: 100px;
          text-align: center;
          p{
            line-height: 20px;
            font-size: 12px;
            width: 100%;
            padding-top: 20px;
            border-top: 1px solid #e6e6e6;
            a{
              margin-right: 30px;
              line-height: 20px;
            }

          }
        }
      }
    }
  }



